<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../../common/taglib.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <%@include file="../../common/common-css.jsp" %>
    <%@include file="../../common/common-js.jsp" %>
      <%@include file="../../common/init.jsp" %>
        <link href="${pageContext.servletContext.contextPath }/css/style1.css" rel="stylesheet" type="text/css" />
		<script type='text/javascript' src="${pageContext.servletContext.contextPath }/js/jquery.selectlayer.js"></script>
		<script type='text/javascript' src="${pageContext.servletContext.contextPath }/js/WdatePicker.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    	var QS_city=new Array() 
    	OpenCategoryLayer(
    		"#serviceProjectName",
    		"#sel_district",
    		"#serviceProjectName",
    		"#serviceProject",
    		QS_city,
    	14);
    });
    </script>
  </head>
  
  <body>
  <div style="width:260px;margin:0px auto;">
	
	<div style="display:none" id="sel_district">
		<div class="OpenFloatBoxBg"></div>
		<div class="OpenFloatBox">
			<div class="title">
				<h4>请选择项目</h4>
				<div class="DialogClose" title="关闭"></div>
			</div>
			<div class="content1">
				<div class="txt">
				<c:forEach items="${serviceProjects}" var="key" varStatus="stut">
					<div class="item" id="${key.id }">
						<label class="titem" title="${key.name }"><input  type="checkbox" title="${key.name }" value="${key.id }"  class="b" />${key.name }</label>
						<div class="sitem"></div>
					</div>
				</c:forEach>
				</div>
				<div class="txt">
					<div class="selecteditem"></div>
				</div>
				<div class="txt">
					<div align="center"><input type="button"  class="but80 Set" value="确定" /></div>
				</div>
			</div>
		</div>
	</div>
	
</div>
  <div style="height: 100%;overflow-y: auto;">
<form action="${pageContext.servletContext.contextPath }/background/order/add.html" method="post" data-validator-option="{theme:'yellow_right_effect',stopOnError:true}">
		<input name="serviceProject" id="serviceProject" type="hidden" value="" />
		<div class="right">
        	<div class="volume">
            	<img src="${pageContext.servletContext.contextPath }/images/toleft.png" style="margin:23px 0 0 2px;_margin:23px 0 0 0px;" />
            </div>
        	<div class="rightcon">
            	<div class="title">
                	您当前的位置：首页 >订单管理 > 添加订单 
                </div>
                	<div class="titlecon">
                           	 添加订单 
                    </div>
                	<div class="addlist">
                        
                        	<table class="addlistcon" border="0" cellpadding="0" cellspacing="0">
                            	<tr>
                                	<td width="30%" align="right" class="odd"><span style="color:#900"></span>服务商：
                                    </td>
                                    <td width="70%"  class="even">
                                    ${serviceProvider.name }
						    	<input style="height: 20px;width: 200px" name="serviceId" value="${serviceProvider.id }"  type="hidden"/>
                                    </td>
                                </tr>
                                <tr>
                                	<td  align="right" class="odd"><span style="color:#900"></span>用户设备imei号：
                                    </td>
                                    <td   class="even"> 
                                    ${order.memberId }
						 		<input style="height: 20px;width: 200px" name="memberId"  value="${order.memberId }" type="hidden"/>
                                    </td>
                                </tr>
                                <tr>
                                	<td  align="right" class="odd"><span style="color:#900">*</span>服务时间：
                                    </td>
                                    <td   class="even">
										<input style="height: 20px;width: 200px" name="serviceTime"  onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" type="text"  data-rule="服务时间: required;name;"/>
                                    </td>
                                </tr>
                                <tr>
                                	<td  align="right" class="odd"><span style="color:#900">*</span>服务地址：
                                    </td>
                                    <td   class="even">
                                    <input type="text" id="officeHours1" name="serviceAddress" style="height: 20px;width: 200px" data-rule="服务地址: required;name;"/>
                                    </td>
                                </tr>
                                 <tr>
                                	<td  align="right" class="odd"><span style="color:#900">*</span>服务项目：
                                    </td>
                                    <td   class="even">
                                    <input name="serviceProjectName"  id="serviceProjectName" type="text" value="请选择项目" readonly="true" class="sltinput" />
                                    </td>
                                </tr>
                                 <tr>
                                	<td  align="right" class="odd"><span style="color:#900"></span>描述：
                                    </td >
                                    <td align="left"><textarea name="serviceNotes"></textarea>
                                    </td>
                                </tr>
                              </table> 
                             <div class="savere" style="float:center; margin-left:34%; _margin-left:17%;">
                               <input type="image" src="${pageContext.servletContext.contextPath }/images/baocun.png" width="101" height="46"/>
							        <a href="javascript:history.go(-1)" ><img src="${pageContext.servletContext.contextPath }/images/fanhui.png" width="101" height="46"></a>
                            </div>
                         
                    </div><!--addlist-->
            </div><!--rightcon-->
        </div><!--right-->
</form>
</div>
  </body>
</html>
